<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<% String path = request.getContextPath();%>
<link href="<%=path%>/web/index/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="<%=path %>/web/index/css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="<%=path%>/web/index/css/base.css" rel="stylesheet">
<link href="<%=path%>/web/index/css/index.css" rel="stylesheet">
<link href="<%=path%>/web/index/css/task.css" rel="stylesheet">
<link href="<%=path %>/web/static/css/blog-detail.css" rel="stylesheet">
<c:forEach  items="${requestScope.comments.list}"  var="comment" varStatus="stat">
    <div class="single-work-history">
    <div  class="single-candidate-list" style="border: 1px solid #e8ecec;border-radius:5px; width:98%;margin-top: 20px;">
    <div class="main-comment" style="padding: 0px 10px 0px 40px;font-weight: normal !important;margin-top: 10px;margin-left: -20px;">
    <div class="candidate-image" style="width: 30px;top: 0;">
        <img style="max-width: 100%;height: auto;border-radius: 50%;display: block;width: 80px;max-height: 30px;max-width: 30px;" alt="author" src="<%=path%>/web/index/images/default.jpg">
    </div>
    <div class="candidate-text" style="padding: 0px 10px 0px 40px;font-weight: normal !important;">
        <div class="candidate-info" style="margin-top: -20px;">
            <input type="hidden" value="${requestScope.journal.id}" class="ids">
            <div class="candidate-title">
                <a style="margin-top: 0px;" href="#">${comment.userinfo.username}</a>
                <span><i class="fa fa-calendar-check-o"></i><fmt:formatDate value="${comment.inputTime}" pattern="y-MM-dd HH:mm:ss"></fmt:formatDate></span>

            </div>
            <!-- <p></p> -->
        </div>
        <div class="candidate-text-inner">
            <p style="margin-top: 10px; margin-bottom: 10px;">
                    ${comment.remark}
            </p>
        </div>
        <div>
            <a href="#" class="reply" data-id="106"style="color: #1d74b6;font-weight: 600;" >回复</a>
            <a  href="#" class="showreply" data-id="106" data-info="0条回复"><span>0条回复</span><i class="fa fa-chevron-down"></i></a>
            <a  href="#" class="open-icon wm-like like" data-id="106" data-type="comment"><span><img style="margin-top: -2px;" src="<%=path%>/web/static/img/bottom.jpg"></span><i class="fa fa-thumbs-o-up"></i></a>

        </div>
        <div class="replyform"></div>
        <div class="replynew">
            <ul></ul>
        </div>
        <div class="reply">
            <ul>

            </ul>
            <div class="wm-more btn" style="display: none;">点击查看更多留言</div>
        </div>

    </div>
    </div>

    </div>
    </div>
</c:forEach>
<div style="height:50px;margin-top: -100px;font-size:60px;margin-top:0px;margin-left:350px;" class="pinglunfenye">
    <table>
    <tr>
        <td colspan="4" style="font-size: 20px;">
            <c:forEach begin="1" end="${requestScope.comments.pages}" var="i">
                <c:if test="${requestScope.comments.pageNum eq i}" var="isCur">
                    <a href="#"><span style="color:red;">[${i}]</span></a>
                </c:if>
                <c:if test="${not isCur}">
                    <a href="#" data-id="${i}">[${i}]</a>
                </c:if>
            </c:forEach>
        </td>
    </tr>
    </table>
</div>